<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page import="Veterinaria.modelo.Cita"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<head>

<link rel="stylesheet" href="js/jquery/themes/base/jquery.ui.all.css">
<link href="css/ui-lightness/jquery-ui-1.8.22.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.22.custom.min.js"></script>
<link rel="stylesheet" href="js/jquery/themes/demo/demos.css">
<script>
	$(function() {
		$("#txtDesde").datepicker({
			dateFormat : 'yy-mm-dd'
		});
	});
	$(function() {
		$("#txtHasta").datepicker({
			dateFormat : 'yy-mm-dd'
		});
	});

</script>

<title>Reporte de Cita - petVida - Veterinaria</title>
<style type="text/css">
<!--
.Estilo1 {	font-family: Tahoma;
	font-weight: bold;
	font-size: 18px;
}
.Estilo4 {font-family: Tahoma; font-weight: bold; font-size: 12px; }
.Estilo5 {font-family: Tahoma;  font-size: 10px;}
-->
</style>


</head>

<body>

<table width="1124" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><p align="left"><img src="img/logo3.jpg" alt="s" width="472" height="185" /></p></td>
    <td><p>&nbsp;</p>
        <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p align="right" class="Estilo1">Reporte Cita  </p></td>
  </tr>
  <tr bgcolor="#CCCCCC">
    <td height="10" colspan="2"><div align="right"></div></td>
  </tr>
</table>
<%@include file="navegador.jsp" %>
<form name="form1" method="post" action="ReporteCitasSerlvet">

        <table width="698" border="0" align="center">
          <tr class="Estilo4">
            <td><div align="center">Nombre Paciente </div></td>
            <td><div align="center">Tipo Cita </div></td>
            <td><div align="center">Desde</div></td>
            <td><div align="center">Hasta</div></td>
            <td><div align="center">Estado</div></td>
          </tr>
          <tr>
            <td><label>
              <input name="txtPaciente" type="text" id="txtPaciente" />
            </label></td>
            <td><label>
              <select name="select">
              <option></option>
              <option value="R">Reservada</option>
              <option value="A">Atentida</option>
              <option value="C">Cancelada</option>
              </select>
            </label></td>
            <td><label>
              <input name="txtDesde" type="text" id="txtDesde" size="10" />
              
              </input>
            </label>
              <label></label></td>
            <td><input name="txtHasta" id ="txtHasta" type="text" size="10">
              
              </input>
              <label></label></td>
              <td><label>
              <select name="select2">
              <option></option>
              <option value="1">Activa</option>
              <option value="0">Desactiva</option>
              </select>
            </label></td>
          </tr>
          <tr>
            <td colspan="4">&nbsp;</td>
          </tr>
          <tr class="Estilo4">
            <td colspan="4"><div align="center">
              <input type="submit" name="Submit" value="Buscar" />
            </div></td>
          </tr>
        </table>
      </form>
      <table width="872" border="0" align="center">
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td><table width="854" border="0" align="center">
            <tr bgcolor="#CCCCCC" class="Estilo4">
              <td width="74"><div align="center">idCita</div></td>
              <td width="78"><div align="center">idPaciente</div></td>
              <td width="105"> <div align="center">Nombre Paciente </div></td>
              <td width="72"><div align="center">idDoctor</div></td>
              <td width="131"><div align="center">Nombre Doctor </div></td>
              <td width="111"><div align="center">Tipo Cita </div></td>
              <td width="78"><div align="center">Fec Cita </div></td>
              <td width="83"><div align="center">Hora</div></td>
              <td width="35"><div align="center">Notas</div></td>
              <td width="45"><div align="center">Estado</div></td>
            </tr>
            <%@page import="java.util.*, Veterinaria.modelo.Cita" %>
			<%
			Collection<Cita> arreglo = (ArrayList<Cita>)request.getAttribute("citas");
			if(arreglo != null) { 
			int i = 1;
			for(Cita x : arreglo) {
			%>  
			  <tr class="Estilo5">
			    <td><div align="center" >
			      <% out.print(x.getCod_cita()); %>
			      </div></td>
			    <td><div align="center"><% out.print(x.getoPaciente().getCodigo_paciente()); %></div></td>
			    <td><% out.print(x.getoPaciente().getNombre_paciente()); %></td>
			    <td><div align="center"><% out.print(x.getoPersona().getCodigo_persona()); %></div></td>
			    <td><% out.print(x.getoPersona().getNombre_persona() + " " + x.getoPersona().getApellido_persona()); %></td>
			    <% String tipo = null;
			    if( x.getCitaestado().equals("R") ){
			    	tipo = "Reservada";
			    }
			    else if(  x.getCitaestado().equals("A") ){
			    	tipo = "Atendida";	
			    }
			    else if( x.getCitaestado().equals("C") ){
			    	tipo = "Cancelada";
			    }
			    %>
			    <td><div align="center"><% out.print(tipo); %></div></td>
			    <td><% out.print(x.getFecha()); %></td>
			    <td><% out.print(x.getHora()); %></td>
			    <td><% out.print(x.getNotas()); %></td>
			    <% String estado;
			    if( x.getEstado().toString().equals("1") ){
			    	estado = "Activo";
			    }
			    else{
			    	estado = "Desactivo";	
			    }
			    %>
			    <td><div align="center"><% out.print(estado); %></div></td>
			    	       
			      
			       
			     <td>&nbsp;</td>
			     <td>&nbsp;</td>
			  </tr>
			<% }  
			  } %>
			  </form>
          </table></td>
        </tr>
      </table>
      <p>&nbsp;</p>
    <label></label></td>
  </tr>
  <tr bgcolor="#CCCCCC">
    <td colspan="2" bgcolor="#CCCCCC"><div align="center"><span class="Estilo4">Desarrollado por Grupo ThunderBolt<img src="img/Rayo.png" alt="s" width="28" height="21" /></span> </div></td>
  </tr>
</table>

<p></p>
</body>
</html>
